<!-- Component FileItem -->
<script type="text/x-template" id="TableHeaders">
  <tr class="table-headers" v-if="headers.length">
    <template v-for="header in headers">
      <th>{{ header.label || header.key }}</th>
    </template>
  </tr>
</script>
<script>
  const TableHeaders = Vue.component('table-headers', {
    template: '#TableHeaders',
    props: {
      headers: {
        type: Array,
        default () {
          return []
        }
      },
    },
  })
</script>